.home-container {
  padding: 24px;
  background: #f5f5f5;
  min-height: calc(100vh - 64px);

  .welcome-card {
    margin-bottom: 24px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    .ant-card-body {
      padding: 32px;
    }

    h2 {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
  }

  .stats-row {
    margin-bottom: 24px;

    .ant-card {
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
      transition: all 0.3s ease;

      &:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
      }

      .ant-statistic {
        .ant-statistic-title {
          color: #666;
          font-weight: 500;
        }

        .ant-statistic-content {
          .ant-statistic-content-value {
            font-weight: 600;
          }
        }
      }
    }
  }

  .ant-card {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-bottom: 16px;

    .ant-card-head {
      border-bottom: 1px solid #f0f0f0;

      .ant-card-head-title {
        font-weight: 600;
        color: #262626;
      }
    }

    .ant-list-item {
      padding: 16px 0;
      border-bottom: 1px solid #f5f5f5;

      &:last-child {
        border-bottom: none;
      }

      .ant-list-item-meta {
        .ant-list-item-meta-title {
          margin-bottom: 8px;

          .ant-tag {
            margin-left: 8px;
          }
        }

        .ant-list-item-meta-description {
          color: #666;
          line-height: 1.6;
        }
      }

      .ant-list-item-action {
        margin-left: 16px;
      }
    }
  }

  .chart-card {
    .chart-container {
      display: flex;
      justify-content: center;
      margin: 16px 0;

      > div {
        width: 100% !important;
        height: 200px !important;
      }
    }
  }

  .quick-actions {
    .action-card {
      text-align: center;
      border: 2px dashed #d9d9d9;
      transition: all 0.3s ease;

      &:hover {
        border-color: #1890ff;
        box-shadow: 0 4px 12px rgba(24, 144, 255, 0.1);
      }

      .ant-card-body {
        padding: 24px 16px;
      }

      .action-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;

        .action-icon {
          font-size: 32px;
          color: #1890ff;
          transition: all 0.3s ease;
        }

        .ant-typography {
          color: #262626;
          font-size: 14px;
        }
      }

      &:hover .action-icon {
        transform: scale(1.1);
      }
    }
  }

  // 响应式设计
  @media (max-width: 768px) {
    padding: 16px;

    .welcome-card .ant-card-body {
      padding: 20px;
    }

    .stats-row {
      .ant-statistic {
        .ant-statistic-content {
          .ant-statistic-content-value {
            font-size: 20px;
          }
        }
      }
    }

    .chart-card {
      .chart-container > div {
        height: 150px !important;
      }
    }

    .quick-actions {
      .action-card {
        .ant-card-body {
          padding: 16px 12px;
        }

        .action-content {
          gap: 8px;

          .action-icon {
            font-size: 24px;
          }

          .ant-typography {
            font-size: 12px;
          }
        }
      }
    }
  }

  @media (max-width: 576px) {
    .ant-list-item {
      .ant-list-item-meta {
        .ant-list-item-meta-avatar {
          margin-right: 12px;

          .ant-avatar {
            width: 48px;
            height: 48px;
          }
        }

        .ant-list-item-meta-title {
          font-size: 14px;
        }

        .ant-list-item-meta-description {
          font-size: 12px;
        }
      }
    }
  }
}